/* goods/content/index.wxss */
page{
    background: #f8f8f8;
}
.swiper{
    height:600rpx;
    width:100%;
}
.title_contain{
    margin:20rpx;
    border-radius: 20rpx;
    background: white;
    padding:20rpx;
}
.title{
    display: flex;
    justify-content: space-between;
}
.title_left{
    width:80%;
    font-weight: bold;
    font-size: 30rpx;
}
.title_right{
    width:15%;
    font-size: 24rpx;
    color:#8b8b8b;
    display: flex;
    align-items: center;
    justify-content: right;
}
.title_right text{
    padding-left:10rpx;
}
.small_title{
    color:#8b8b8b;
    font-size: 24rpx;
}
.title_price{
    margin-top:20rpx;
    font-size: 28rpx;
    color:#8b8b8b;
}
.title_price .price{
    font-weight: bold;
    font-size: 35rpx;
    color:red;
    padding-right:10rpx;
}
.goods_num{
    margin-top:20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.goods_num .t-progress{
    width:80%;
}
.goods_num .num{
    width:28%;
    font-size: 24rpx;
    color:#8b8b8b;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.info_contain{
    margin:0 20rpx;
    border-radius: 20rpx;
    padding:20rpx;
    background-color: white;
}
.ps_contain{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 15rpx;
}
.yhq,.cx_info{
    padding:15rpx 0;
    display:flex;
    justify-content: space-between;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 15rpx;
    margin-bottom: 15rpx;
    align-items: center;
}
.yhq_title{
    font-size: 28rpx;
    font-weight: bold;
    width:20%;
}
.yhq_list{
    font-size: 24rpx;
    width:70%;
    padding:5rpx 0;
    overflow: hidden;
    white-space: nowrap;
}
.yhq_list text{
    border:1px solid red;
    color:red;
    padding:0 5rpx;
    margin-right:5rpx;
}
.yhq_icon{
    color:#8b8b8b;
}
.ps_contain .ps_pic{
    width:30%;
    align-items: center;
    text-align: center;
}
.ps_contain .t-image{
    width:80rpx;
    height:80rpx;
}
.ps_info{
    font-size: 24rpx;
    color:#8b8b8b;
    margin-left:30rpx;
}
.cx_info{
    align-items:flex-start;
}
.cx_list{
    width:70%;
    font-size: 24rpx;
}
.cx_list_item{
    margin-bottom: 15rpx;
}
.cx_list_item text{
    border:1px solid red;
    color:red;
    padding:0 5rpx;
    margin-right:10rpx;
}
.body{
    margin:20rpx;
    padding:20rpx;
    border-radius: 20rpx;
    background-color: white;
}
.body_title{
    font-size: 30rpx;
    font-weight: bold;
}
.body_info{
    margin-top:20rpx;
}
.info_item{
    margin-bottom: 20rpx;
    font-size: 28rpx;
    background:#f8f8f8;
    padding:8rpx 0;
}
.info_item text{
    margin-right:20rpx;
    color:#8b8b8b;
    margin-left:20rpx;
}
.body_content{
    margin-top:20rpx;
    width:100%;
    font-size: 28rpx;
}
.body_content image{
    width:100%;
    height:auto;
}
.amout_info{
    font-size: 30rpx;
    display: flex;
    align-items: center;
}
.amount_left{
    border:1px solid orangered;
    padding:0 10rpx;
    border-radius: 10rpx;
    color:orangered;
    font-size: 24rpx;
}
.amount_right{
    margin-left:15rpx;
}
.amount_right text{
    padding:0 8rpx;
    color:red;
    font-size: 30rpx;
    font-weight: bold;
}

/*评价*/
.rate_contain{
    margin:30rpx 0;
}
.rate_item{
    margin:20rpx 0;
    border-bottom: 1px solid #f7f7f7;
}
.rate_user{
    display: flex;
    align-items: center;
}
.rate_user_left{
    width:70%;
    display: flex;
}
.rate_user image{
    width:50rpx;
    height:50rpx;
    border-radius: 50%;
    margin-right:10rpx;
}
.rate_user_left text{
    font-size: 30rpx;
    color:#8b8b8b;
}
.rate_user_right{
    width:30%;
    text-align: right;
    color:#8b8b8b;
    font-size: 24rpx;
}
.rate_info{
    margin:20rpx 0;
    display: flex;
    justify-content: space-between;
}
.rate_info_left{
    width:80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.rate_info_content{
    font-size: 30rpx;
}
.rate_info_rate{
    display: flex;
    align-items: center;
    margin:10rpx 0;
}
.rate_info_rate image{
    width:40rpx;
    height:40rpx;
    margin-right:10rpx;
}
.rate_info_rate text{
    color:orangered;
    font-size:24rpx;
}
.rate_info_info{
    margin-top:10rpx;
    font-size: 28rpx;
    color:#8b8b8b;
}
.rate_info_right{
    width:18%;
    height:150rpx;
}
.rate_info_right image{
    width:100%;
    height:100%;
}
.rate_hf{
    background: #f7f7f7;
    border-radius: 20rpx;
    padding:20rpx;
    font-size: 30rpx;
}
.rate_hf_title{
    color:#8b8b8b;
}
.rate_hf_body{
    margin-top:15rpx;
    font-size: 24rpx;
    color:#458bff;
}
.rate_use{
    margin:20rpx 0;
    display: flex;
    justify-content: right;
    align-items: center;
}
.rate_use_item{
    width:20%;
    display: flex;
    align-items: center;
}
.rate_use_item image{
    width:30rpx;
    height:30rpx;
    margin-right:10rpx;
}
.rate_use_item text{
    font-size: 24rpx;
    color:#8b8b8b;
    width:80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rate_more{
    margin:20rpx 0;
    padding:15rpx 0;
    text-align: center;
    font-size: 24rpx;
    background:#f0f0f0;
    border-radius: 20rpx;
}



/*pop*/
.block {
    width: 100vw;
    height: auto;
    background: #fff;
    border-top-left-radius: 16rpx;
    border-top-right-radius: 16rpx;
  }
  .header {
    display: flex;
    align-items: center;
    height: 116rpx;
  }
  
  .p_title {
    flex: 1;
    text-align: center;
    font-weight: 600;
    font-size: 36rpx;
  }
  .pop_body{
      padding:20rpx;
      padding-bottom: 50rpx;
  }
  .pop_item{
      font-size: 28rpx;
      margin-bottom:15rpx;
  }
  
  .btn {
    font-size: 32rpx;
    padding: 32rpx;
  }
  
  .btn--cancel {
    color: rgba(0, 0, 0, .6);
  }
  
  .btn--confirm {
    color: #0052d9;
  }
  .cx_list_item_time{
      background: orangered;
      text-align: center;
      padding:8rpx 0;
      border-radius: 5rpx;
  }
  .t-count-down{
      color:white;
  }


  /*pop_goods*/
  .pop_goods,.pop_goods_attr,.pop_goods_num_contain{
      margin:20rpx;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #dfdfdf;
      padding-bottom: 20rpx;
  }
  .pop_goods_left{
      width:30%;
      height:200rpx;
  }
  .pop_goods_left .t-image{
      width:100%;
      height:200rpx;
  }
  .pop_goods_right{
      width:65%;
      font-size: 24rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }
  .pop_goods_title{
      font-size: 30rpx;
  }
  .goods_price_contian_top{
      display:flex;
      justify-content: space-between;
      align-items: center;
  }
  .goods_hd_info{
      margin-bottom: 10rpx;
      margin-top:10rpx;
  }
  .goods_hd_info text{
      padding:0 10rpx;
      border:1px solid orangered;
      color:orangered;
      margin-right:10rpx;
  }
  .goods_price_contian_info{
      color:#8b8b8b;
  }
  .pop_goods_price{
      font-size: 40rpx;
      color:red;
      font-weight: bold;
  }
  .pop_goods_price text.l{
      font-size: 24rpx;
  }
  .pop_goods_price text.r{
      
  }
  .pop_goods_price text.old{
      color:#8b8b8b;
      font-size: 24rpx;
      text-decoration: line-through;
      padding-left:20rpx;
      font-weight:normal;
  }
  .pop_goods_price text.num_l{

  }
  .pop_goods_price text.num_r{
      font-size: 24rpx;
  }
  .pop_goods_attr{
      font-size:30rpx;
      flex-direction: column;
  }
  .pop_goods_attr_name{
      padding:10rpx 0;
  }
  .pop_goods_attr_list{}
  .pop_goods_attr_list .t-tag{
      margin-right:10rpx;
      font-size: 30rpx;
  }
  .pop_goods_num_contain{
      margin-bottom: 20rpx;
      font-size: 30rpx;
      align-items: center;
  }
  .pop_goods_btn{
      font-size: 35rpx;
      padding:20rpx 0;
      margin:0 20rpx;
      color:white;
      background: #0787f4;
      border-radius: 50rpx;
      text-align:center;
  }
  .yhq_item{
      width:100%;
      height:200rpx;
      position: relative;
      margin-bottom: 20rpx;
  }
  .yhq_item image.bg{
      width:100%;
      height:100%;
  }
  .yhq_content{
      position: absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
  }
  .yhq_content_body{
      width:100%;
      height:100%;
      display: flex;
      justify-content: space-between;
      font-size: 28rpx;
  }
  .yhq_content_left{
      width:30%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  .yhq_price{
      font-size: 60rpx;
      font-weight: bold;
      color:red;
  }
  .yhq_num{
      color:#8b8b8b;
      width:100%;
      text-align: center;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }
  .yhq_price_info{
      text-align: center;
      margin-top:10rpx;
  }
  .yhq_content_right{
      width:70%;
  }
  .yhq_title_info{
      margin:20rpx 20rpx;
      font-size: 30rpx;
      font-weight: bold;
  }
  .yhq_time{
      margin:0 20rpx;
      color:#8b8b8b;
  }
  .yhq_btn{
      margin:10rpx 20rpx;
      background-color: orangered;
      padding:10rpx 0;
      text-align: center;
      color:white;
      border-radius: 20rpx;
      font-size: 30rpx;
  }
  .yhq_btn_none{
      width:100%;
      color:black;
      text-align: center;
      margin-top:10rpx;
  }
  

/*客服*/
.kf{
    background: none;
    width:auto;
    height:auto;
    display: flex;
    flex-direction: column;
    font-size: 28rpx;
    font-weight: normal;
    color:#8b8b8b;
}
/*footnav*/
.foot_nav{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:100rpx;
    background-color: white;
    padding:10rpx 0;
}
.foot_nav_body{
    width:100%;
    height:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_nav_kf,.foot_nav_car{
    width:15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 28rpx;
    color:#8b8b8b;
}
.foot_nav_kf .t-image,.foot_nav_car .t-image{
    width:50rpx;
    height:50rpx;
}
.foot_nav_btn{
    width:70%;
    
}
.car_btn{
    text-align: center;
    background:linear-gradient(to right ,#fd5e36,#ee1025);
    padding:20rpx 0;
    border-radius: 20rpx;
    margin:0 20rpx;
    font-size: 35rpx;
    color:white;
}

